<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        #name {
            display: none;
        }

        p {
            display: table-cell;
        }
    </style>
</head>

<body>
    <!-- <div id="name" style="display:none" > -->

    <div id="name">
        <a href="javascript:void(0);" aria-label="Next">&raquo;</a>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque placeat adipisci quas quis voluptates enim
            harum veritatis modi neque delectus obcaecati, saepe possimus, recusandae tempora quasi? Voluptatibus, suscipit
            dolore.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque placeat adipisci quas quis voluptates enim
            harum veritatis modi neque delectus obcaecati, saepe possimus, recusandae tempora quasi? Voluptatibus, suscipit
            dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque placeat adipisci quas quis voluptates
            enim harum veritatis modi neque delectus obcaecati, saepe possimus, recusandae tempora quasi? Voluptatibus, suscipit
            dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque placeat adipisci quas quis voluptates
            enim harum veritatis modi neque delectus obcaecati, saepe possimus, recusandae tempora quasi? Voluptatibus, suscipit
            dolore.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque placeat adipisci quas quis voluptates enim
            harum veritatis modi neque delectus obcaecati, saepe possimus, recusandae tempora quasi? Voluptatibus, suscipit
            dolore.</p>
    </div>
    <hr>
    <hr>
    <div>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero nisi nobis nulla, minima, corporis quisquam excepturi obcaecati temporibus magnam voluptates perferendis. Iure consequatur illo accusantium veritatis consectetur perferendis odit amet!</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero nisi nobis nulla, minima, corporis quisquam excepturi obcaecati temporibus magnam voluptates perferendis. Iure consequatur illo accusantium veritatis consectetur perferendis odit amet!Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero nisi nobis nulla, minima, corporis quisquam excepturi obcaecati temporibus magnam voluptates perferendis. Iure consequatur illo accusantium veritatis consectetur perferendis odit amet!Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero nisi nobis nulla, minima, corporis quisquam excepturi obcaecati temporibus magnam voluptates perferendis. Iure consequatur illo accusantium veritatis consectetur perferendis odit amet!</p>
    </div>
    <br>
    <hr>
    <br>
    <div style="display: flex;align-items: center;justify-content: space-around;">
        <div style="flex: 1;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?</div>
        <div style="flex: 2;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?</div>
        <div style="flex: 2;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae, quae? Officiis, in? Modi aperiam obcaecati, possimus cupiditate quia veritatis. Magnam similique fugiat non accusantium consequuntur veniam dignissimos aut soluta distinctio?</div>
    </div>
    <input type="button" value="点击有惊喜" onclick="javascript:var a = 3; var b = a +6;alert(b)">  
    <script>
        setTimeout(() => {
            document.getElementById('name').style.display = "table";
        }, 2000);
        setTimeout(function (params) {

        }, 160)
        var $divClass = $('.column');
        var height = 0;
        $divClass.each(function () {
            if ($(this).height() > height) {
                height = $(this).height();
            }
        });
        $divClass.height(height);
    </script>
</body>

</html>